﻿<!doctype HTML>

<html>

<head>

    <title>Wextr</title>
    <link rel="shortcut icon" href="bilder/thumbnail.png"/>
    <meta charset="utf-8" />
    <link rel="stylesheet" href="css/style.css" />
    <link rel="stylesheet" href="css/prototyp5.css" />
    <link rel="stylesheet" href="css/search-not-found.css" />

    
</head>


<body id="playfull">

<!--START NAVIGATION FROM LEFT -->
    
    <nav class="main-nav" id="main-nav"></nav>

<!--END NAVIGATION FROM LEFT -->

<!--START ACCOUNT LOGIN FROM RIGHT -->
    
    <div id="loginContainer"></div>

<!--END ACCOUNT LOGIN FROM RIGHT -->

<!--START HEADER -->

    <div id="header">
        <div id="header-box-nav">
            <a href="#main-nav" class="open-menu">
                <img src="bilder/menu-alt-48.png" onmouseover="this.src='bilder/menu-alt-48-blue.png'" onmouseout="this.src='bilder/menu-alt-48.png'">
            </a>
        </div>
        <div id="loginBox">
        <a href="#account-login-main-nav" class="open-menu">
            <div id="account-login-header-box-nav">        
                LOG IN  
            </div>
        </a>
        </div>
    </div>

<!--END HEADER -->

<!--START PAGE-CONTENT -->

    <div id="startsida-content">

        <div class="wrap">
            <div id="startsida-content-logo-box"></div>

            <div id="startsida-content-search-box">
                <form class="form" id='main_search'>
                    <input type="text" id='main_search_box' autocomplete="off" placeholder="Topic" required>
                    <button type="submit"></button>
                </form>
            </div>

            <div id="startsida-search-not-found-howto-box">
                <h3 class="startsida-search-not-found-error">Sorry mate, "Topic" don´t yet exist. Want to create it? </h3>
                <div id="startsida-search-not-found-create-button">Create</div>
                <h3 class="startsida-content-howto-box">If not. Search for a new topic or check out the <a href="#main-nav"><FONT COLOR="0088cc">Most Popular </FONT></a> topics. </h3>
            </div>
        </div>
    </div>

<!--END PAGE-CONTENT -->

<!--START SCRIPT -->

        <script> 
            
            $(function(){
              $("#loginContainer").load("login.html"); 
            });
           
                $(function(){
              $("#main-nav").load("leftMenu.html"); 
            });
            validateToken(function(data) {
                 if(data.bool){
                $(function(){
                    $("#loginBox").load("loggedInHeader.html"); 
                });
                 }
            });
            
           
                    
        </script>
    <script type="text/javascript" src="js/search.js"></script>

<!--END SCRIPT -->

</body>

</html>

